<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //变量、属性、函数、方法的区别
        //1.变量和属性 相同的  他们都是用来存储数据的
        var num = 10;
        var obj = { //这个是对象
            age: 18, //注意这些一定要用逗号  这个是属性
            fn: function() { //这个是方法

            }
        }

        function fn() { //这个是函数

        }
        console.log(obj.age);
        //变量  单独声明并赋值  使用的时候直接写变量名 单独存在
        //属性  在对象里面的  是不需要声明的  使用的时候必须是  对象.属性  例如obj.age
        //2. 函数和方法的相同点  都是实现某种功能 做某件事
        // 函数是单独声明 并且调用的 函数名() 单独存在的
        // 方法 在对象里面 调用的时候 对象.方法()
    </script>
    <!-- 属性和方法都是在对象里面的 同时它们使用的方法都是 对象. 这个结构-->
    <!-- 变量和函数都是单独存在的 -->
</head>

<body>

</body>

</html>